.theme-white {

  .avue-header,
  .avue-logo,
  .tags-container,
  .all-module {
    background-color: #409EFF;

  }

  .avue-tags .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom: 0;
    background: #f2f2f2;
  }

  border-bottom: 0;
  background: #f2f2f2;

  .top-bar__right {
    .el-input__inner {
      color: #fff;
      background-color: transparent;
    }
  }

  .avue-sidebar--tip {
    background-color: transparent;
    color: #333;
  }

  .el-dropdown {
    color: #fff;
  }

  .avue-logo {
    box-shadow: none;
    height: 64px;
  }

  .avue-logo_title {
    font-weight: 400;
    color: #fff;
  }

  .logo_title,
  .avue-breadcrumb {
    color: #fff;

    i {
      color: #fff;
    }
  }

  .avue-top {
    .el-menu-item {

      i,
      span {
        color: #fff;
      }

      &:hover {

        i,
        span {
          color: #fff;
        }
      }
    }
  }

  .el-menu--popup {
    background-color: #fff;

    .el-menu-item {
      background-color: #fff;

      span,
      i {
        color: #666;
      }

      &.is-active {
        background-color: #409EFF;

        span,
        i {
          color: #fff;
        }
      }
    }
  }

  .el-menu-item span {
    color: #666;
  }

  .avue-sidebar {
    box-shadow: none;
    border-right: 1px solid #f8f9fb;

    .el-menu {
      background-color: #fff;
    }

    background-color:#fff;

    .el-menu-item,
    .el-submenu__title {

      i,
      span {
        color: #808696;
      }

      background-color:#fff;
    }

    .el-menu-item:hover,
    .el-submenu__title:hover {
      background-color: transparent;
        i,
        span {
          color: #409EFF !important;
        }
    }
    .el-submenu.is-active > .el-submenu__title{
        i,
        span {
          color: #409EFF !important;
        }
    }
    .el-menu-item.is-active,
    .el-submenu__title.is-active {
      background-color: #e5f3ff;

      i,
      span {
        color: #409eff;
      }

      &:before {
        left: auto;
        right: 0;
      }

      &:hover {
        background-color: #e5f3ff;

        i,
        span {
          color: #409eff;
        }
      }
    }
  }

  .top-search {
    .el-input__inner {
      color: #fff;
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #fff;
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fff;
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fff;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #fff;
    }
  }

  .top-bar__item {
    i {
      color: #fff;
    }
  }


}
